<template>
  <div class="tableBox">
    <Card>
      <div slot="title">
          <h3>合并表格随意行数</h3>
      </div>
      <Row>
          <Col>
            <!-- <p>总分结构</p>
            <p>只能做到全部合并或者全部不合并</p> -->
          </col>
      </Row>
      <Row>
        <Col span="24" >
          <table ref="table" class="table">
              <thead>
                  <tr>
                      <th>
                          序号
                      </th>
                      <th>
                          科目
                      </th>
                      <th>
                          班级
                      </th>
                      <th>
                          学生名单
                      </th>
                      <th>
                          监考教师
                      </th>
                      <th>
                          考试时间及地点
                      </th>
                  </tr>
              </thead>
              <tbody>
                  <tr>
                      <td>
                          1
                      </td>
                      <td>
                          航空服务英语综合(6人)
                      </td>
                      <td>
                          2016级民航航空1
                      </td>
                      <td>
                          赵浩天   方佳俊
                      </td>
                      <td>
                          王攀、高山
                      </td>
                      <td>
                          6月26日<br>上午8:30-9:30<br>教学楼北301
                      </td>
                  </tr>
                  <tr>
                      <td>
                          1
                      </td>
                      <td>
                          航空服务英语综合(6人)
                      </td>
                      <td>
                          2016级民航航空3
                      </td>
                      <td>
                          何惠茜  刘浩楠    路晔  张欣鑫
                      </td>
                      <td>
                          王攀、高山
                      </td>
                      <td>
                          6月26日<br>上午8:30-9:30<br>教学楼北301
                      </td>
                  </tr>
                  <tr>
                      <td>
                          1
                      </td>
                      <td>
                          航空市场营销(3人)
                      </td>
                      <td>
                          2016级民航航空1
                      </td>
                      <td>
                          田浩  黄洁  方佳俊
                      </td>
                      <td>
                          王攀、高山
                      </td>
                      <td>
                          6月26日<br>上午8:30-9:30<br>教学楼北301
                      </td>
                  </tr>
                  <tr>
                      <td>
                          1
                      </td>
                      <td>
                          结算与汇兑(1人)
                      </td>
                      <td>
                          2016级会计
                      </td>
                      <td>
                          陈龙
                      </td>
                      <td>
                          王攀、高山
                      </td>
                      <td>
                          6月26日<br>上午8:30-9:30<br>教学楼北301
                      </td>
                  </tr>
                  <tr>
                      <td>
                          1
                      </td>
                      <td>
                          民航服务心理学(2人)
                      </td>
                      <td>
                          2016级民航航空1
                      </td>
                      <td>
                          张雨晨
                      </td>
                      <td>
                          王攀、高山
                      </td>
                      <td>
                          6月26日<br>上午8:30-9:30<br>教学楼北301
                      </td>
                  </tr>
                  <tr>
                      <td>
                          1
                      </td>
                      <td>
                          民航服务心理学(2人)
                      </td>
                      <td>
                          2016级民航航空3
                      </td>
                      <td>
                          路晔
                      </td>
                      <td>
                          王攀、高山
                      </td>
                      <td>
                          6月26日<br>上午8:30-9:30<br>教学楼北301
                      </td>
                  </tr>
                  <tr>
                      <td>
                          1
                      </td>
                      <td>
                          民航货物运输实务(9人)
                      </td>
                      <td>
                          2016级民航航空1
                      </td>
                      <td>
                          田浩  方佳俊  赵梦林  张雨晨  邵彬
                      </td>
                      <td>
                          王攀、高山
                      </td>
                      <td>
                          6月26日<br>上午8:30-9:30<br>教学楼北301
                      </td>
                  </tr>
                  <tr>
                      <td>
                          1
                      </td>
                      <td>
                          民航货物运输实务(9人)
                      </td>
                      <td>
                          2016级民航航空3
                      </td>
                      <td>
                          张欣鑫  刘浩楠   路晔  何惠茜
                      </td>
                      <td>
                          王攀、高山
                      </td>
                      <td>
                          6月26日<br>上午8:30-9:30<br>教学楼北301
                      </td>
                  </tr>
              </tbody>
          </table>
        </Col>
      </Row>
    </Card>
  </div>
</template>
<script>
// import $ from 'jquery'
export default {
  name: "",
  data() {
    return {
        data:[
            {
                index:1,
                course:"",
                className:"",
                student:"",
                teacher:"",
                dateTime:""
            },
            {
                index:1,
                course:"",
                className:"",
                student:"",
                teacher:"",
                dateTime:""
            },
        ]
    };
  },
  methods: {
    init(){
        this.rowspan();
    },
    rowspan(){
        // console.log(this.$refs.table);
        let tbody=$('.table tbody td').html();
        console.log(tbody);

    }
  },
  mounted() {
    this.init();
  }
};
</script>
<style lang="less">
@border-color:#ddd;
.tableBox{
    table{
        width:100%;
        border-collapse: collapse;
        border:1px solid @border-color;
        tr{
            th,td{
                border:1px solid @border-color;
                padding:5px 10px;
                text-align: center;
            }
        }
    }
}
</style>
